<template>
  <div class="video">
    <van-tabs v-model="active" title-inactive-color="#a5adb5" swipeable title-active-color="red">
      <van-tab title="推荐" ><RecommendedMV></RecommendedMV></van-tab>
      <van-tab title="最新"><NewMv></NewMv></van-tab>
      <van-tab title="国外"><AllMv></AllMv></van-tab>
    </van-tabs>
  </div>
</template>

<script>
import RecommendedMV from './components/RecommendedMV.vue';
import NewMv from './components/NewMv.vue';
import AllMv from './components/AllMv';



export default {
  name: "Video",
  data () {
      return {
          active: 0,
      }
  },
  components: {
      RecommendedMV,
      NewMv,
      AllMv
  }
};
</script>
<style lang="less" scoped>
</style>